import React,{Component} from 'react';
import { 
    View, 
    ScrollView,
    StyleSheet,
    Image, 
    Text,
    TouchableWithoutFeedback, 
    StatusBar,
} from 'react-native';
import Header from './header/Header';
export default class FootPrint extends Component {

    constructor(props) {
        super(props);
        this.state = {
            
        };
    }

    render() {
        const { params } = this.props.navigation.state;
        const {navigate,goBack,state} = this.props.navigation;
        let barHeight = StatusBar.currentHeight;
        return (
            <View style={{
                flex: 1,
                // paddingTop: barHeight, 
                backgroundColor: '#ffffff'
            }}>
                <Header isShowBack={true} title='足迹' goBack={goBack} />
                <View style={styles.box}>
                    <View style={styles.boxChild}>
                        <Text style={styles.boxChildTitle}>今天</Text>
                        <View style={styles.boxChildView}>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                        </View>
                    </View>
                    <View style={styles.boxChild}>
                        <Text style={styles.boxChildTitle}>昨天</Text>
                        <View style={styles.boxChildView}>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                            <View style={{width: '31%'}}>
                                <Image style={{
                                    width: '100%',
                                    height: 80,
                                }} source={require('../images/2.jpg')}/>
                                <Text numberOfLines={2} style={{fontSize: 12, color: '#707070'}}>商品名商品名商品名商品名商品名商品名商品名</Text>
                            </View>
                        </View>
                    </View>
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    box: {paddingLeft: 10, paddingRight: 10, paddingTop: 20, paddingBottom: 20},
    boxChild: {marginBottom: 20},
    boxChildTitle: {fontSize: 14, color: '#00f'},
    boxChildView: {width: '100%', marginTop: 5, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between'},
});